<!doctype html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta content="IE=edge" http-equiv="X-UA-Compatible">
<meta content="width=device-width, initial-scale=1" name="viewport">
<title>灞变笢楂橀€熼泦鍥�</title>
<meta content="灞变笢楂橀€�,灞变笢楂橀€熼泦鍥�,灞变笢楂橀€熷畼缃�,灞变笢楂橀€熼泦鍥㈠畼缃�,灞遍珮" name="keywords">
<meta content="灞变笢楂橀€熶俊鎭泦鍥㈡湁闄愬叕鍙歌嚧鍔涗簬鎺ㄨ繘澶ф暟鎹€佷簯璁＄畻銆佷汉宸ユ櫤鑳姐€佹暟瀛楀鐢熺瓑鏂颁竴浠ｄ俊鎭妧鏈湪鏅烘収浜ら€氥€佹櫤鎱у煄甯傘€佹暟瀛楁斂浼佸拰璧勪骇杩愯惀绛夐鍩熺殑浜т笟鍖栧簲鐢紝涓哄鎴锋彁渚涙柟妗堝挩璇€€佷骇鍝佸紑鍙戙€侀泦鎴愪氦浠樺強杩愯缁存姢鐨勫叏鍛ㄦ湡鏈嶅姟锛屽叕鍙镐互绉戞妧鐮斿彂涓庢妧鏈垱鏂颁负寮曢锛屽姞蹇缓璁句互鏁板瓧缁忔祹涓烘牳蹇冪殑淇℃伅浜т笟闆嗗洟銆�
淇℃伅闆嗗洟鎷ユ湁鎺у弬鑲″崟浣�17瀹讹紝鍏朵腑楂樻柊鎶€鏈紒涓�8瀹讹紝鐪佺灙缇氫紒涓�5瀹躲€佸浗瀹剁骇涓撶簿鐗规柊灏忓法浜轰紒涓�1瀹讹紝鐪佷笓绮剧壒鏂颁紒涓�8瀹讹紝灞变笢鐪佸叏鍛樺垱鏂颁紒涓�1瀹讹紝灞变笢鐪佺骇绉戞妧灏忓法浜轰紒涓�2瀹躲€傚湪鑱屼汉鍛�1625浜猴紝骞冲潎骞撮緞34宀侊紝鐮斿彂浜哄憳鍗犳瘮30%銆傚湪鏅烘収浜ら€氥€佽蒋浠剁爺鍙戠瓑棰嗗煙锛屾嫢鏈夎祫璐�95椤广€佽涓氳璇�98椤广€佷笓鍒�260椤广€佽蒋钁�645椤广€佽蒋浠朵骇鍝佺櫥璁�109椤癸紱鎵挎媴鍥藉閲嶇偣绉戞妧椤圭洰4椤癸紝鑾锋壒鐪侀儴绾т互涓婄鐮斿钩鍙�8涓紝涓氬姟閬嶅強30涓渷绾ц鏀垮尯銆�
鈥滃崄鍥涗簲鈥濇湡闂达紝灞变笢楂橀€熶俊鎭泦鍥㈠潥鎸佷互涔犺繎骞虫柊鏃朵唬涓浗鐗硅壊绀句細涓讳箟鎬濇兂涓烘寚寮曪紝瀛︿範瀹ｄ紶璐交钀藉疄鍏氱殑鈥滀簩鍗佸ぇ鈥濈簿绁烇紝鍏ㄩ潰钀藉疄灞变笢楂橀€熼泦鍥㈡垬鐣ラ儴缃诧紝鍕囧綋鏁板瓧鍖栬浆鍨嬬殑寮€璺厛閿嬨€�" name="description">
<link href="/templates/sdgs/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="/static/components/fontawesome-free/css/all.min.css" rel="stylesheet">
<link href="/static/components/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
<link href="/templates/sdgs/highlight/styles/railscasts.css" rel="stylesheet">
<link href="/static/front/jpressfront.css" rel="stylesheet">
<link href="/templates/sdgs/css/cl-css.css" rel="stylesheet">
<link href="/templates/sdgs/css/cl_app.css" rel="stylesheet">
<link href="/templates/sdgs/plug/animation/animate.min.css" rel="stylesheet">
<link href="/templates/sdgs/css/reset.css" rel="stylesheet">
<link href="/static/commons/img/favicon.ico" rel="icon">
<script src="/static/components/jquery/jquery.min.js"></script>
<script src="/templates/sdgs/utils/setFontSize.js"></script>
<link rel="stylesheet" href="/templates/sdgs/css/home.css">
<link href="/static/components/swiper/swiper.min.css" rel="stylesheet">
<script>var jpress = {cpath:'',spath:''}</script>
</head>
<body>
<div class="man_box" id="man_box">
<div class="container-fluid fixed-top shadow-smTwo" id="cl_header">
<div class="header-content">
<a class="navbar-brand" href="/">
<div class="log_img"></div>
</a>
<nav class="navbar navbar-expand-lg navbar-light">
<div class="collapse navbar-collapse
justify-content-center jpress-nav is-hoverable" id="jpress-default-menu">
<ul class="navbar-nav jpress-menu">
<li class="nav-item ">
<a href="/index" class="nav-link " target="_self">
棣� 椤�
</a>
</li>
<li class="nav-item ">
<a href="/page_aboutUs" class="nav-link " target="_self">
鍏充簬楂橀€�
</a>
</li>
<li class="nav-item ">
<a href="/page_newsCenter" class="nav-link " target="_self">
鏂伴椈涓績
</a>
</li>
<li class="nav-item ">
<a href="/page_party" class="nav-link " target="_self">
鍏氱殑寤鸿
</a>
</li>
<li class="nav-item ">
<a href="/page_humanResource" class="nav-link " target="_self">
浜哄姏璧勬簮
</a>
</li>
<li class="nav-item ">
<a href="/article/category/zbzqgczb" class="nav-link " target="_self">
鎷涙爣淇℃伅
</a>
</li>
<li class="nav-item ">
<a href="/page_publicMessage" class="nav-link " target="_self">
閲嶅ぇ淇℃伅鍏紑
</a>
</li>
<li class="nav-item ">
<a href="/page_brandCulture" class="nav-link " target="_self">
鏂囧寲鈭欏搧鐗�
</a>
</li>
</ul>
</div>
</nav>
<a class="search_box" href="/article/search">
<div class="searchInput">
<div class="input_dome"></div>
</div>
</a>
<a href="http://en.sdhsg.com" target="_blank" class="english_text">
<span>English</span>
</a>
<div class="header-icon" data-target="#jpress-default-menu" data-toggle="collapse" type="button" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<i class="bi bi-list"></i>
</div>
</div>
</div>
<div class="main"><div class="fullPage" id="home_pc">
<div class="fullPageContainer">
<!-- banner -->
<div class="section">
<div class="banner_box">
<div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="1" class=""></li>
<li data-target="#carouselExampleIndicators" data-slide-to="2" class=""></li>
<li data-target="#carouselExampleIndicators" data-slide-to="3" class=""></li>
<li data-target="#carouselExampleIndicators" data-slide-to="4" class=""></li>
<li data-target="#carouselExampleIndicators" data-slide-to="5" class=""></li>
</ol>
<div class="carousel-inner">
<div class="carousel-item active">
<!--<a href=""><img class="d-block w-100" src="/attachment/20241130/4e44d45274084091b0d3c4ece0c4e2fd.jpg"></a>-->
<img class="d-block w-100" src="/attachment/20241130/4e44d45274084091b0d3c4ece0c4e2fd.jpg">
</div>
<div class="carousel-item ">
<!--<a href=""><img class="d-block w-100" src="/attachment/20241130/bf5b3f8bd3cc452eb4ee2cbde968626c.jpg"></a>-->
<img class="d-block w-100" src="/attachment/20241130/bf5b3f8bd3cc452eb4ee2cbde968626c.jpg">
</div>
<div class="carousel-item ">
<!--<a href=""><img class="d-block w-100" src="/attachment/20241130/b11ccfe51209430fa7832472a6812098.jpg"></a>-->
<img class="d-block w-100" src="/attachment/20241130/b11ccfe51209430fa7832472a6812098.jpg">
</div>
<div class="carousel-item ">
<!--<a href=""><img class="d-block w-100" src="/attachment/20241209/4b10df2c19e549019e6322b644b058fb.jpg"></a>-->
<img class="d-block w-100" src="/attachment/20241209/4b10df2c19e549019e6322b644b058fb.jpg">
</div>
<div class="carousel-item ">
<!--<a href=""><img class="d-block w-100" src="/attachment/20241130/ae7255e2984843288474c861ae447171.jpg"></a>-->
<img class="d-block w-100" src="/attachment/20241130/ae7255e2984843288474c861ae447171.jpg">
</div>
<div class="carousel-item ">
<!--<a href=""><img class="d-block w-100" src="/attachment/20241130/fc7359c9edb540d59332aca5145c8815.jpg"></a>-->
<img class="d-block w-100" src="/attachment/20241130/fc7359c9edb540d59332aca5145c8815.jpg">
</div>
</div>
<a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">涓婁竴涓�</span>
</a>
<a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">涓嬩竴涓�</span>
</a>
</div>
</div>
<ul class="banner_bot">
<div class="bg_one">
<li>
<!--<a style="color:#fff" href="/article/10345" target="_blank">
灞变笢楂橀€熼泦鍥㈠厷濮斿贰瀵熺粍淇¤鍙楃悊娓犻亾 </a>-->
灞变笢楂橀€熼泦鍥㈠厷濮斿贰瀵熺粍淇¤鍙楃悊娓犻亾 </li>
<li>
<!--<a style="color:#fff" href="/article/4557" target="_blank">
灞变笢楂橀€熺粺涓€瀹㈡湇96659涓烘偍鏈嶅姟 </a>-->
灞变笢楂橀€熺粺涓€瀹㈡湇96659涓烘偍鏈嶅姟 </li>
<li>
<!--<a style="color:#fff" href="/article/8306" target="_blank">
灞变笢楂橀€熼泦鍥⑩€滈潬浼佸悆浼佲€濅笓椤规暣娌婚棶棰樹妇鎶ュ彈鐞嗙數璇� </a>-->
灞变笢楂橀€熼泦鍥⑩€滈潬浼佸悆浼佲€濅笓椤规暣娌婚棶棰樹妇鎶ュ彈鐞嗙數璇� </li>
<!--<li>灞变笢楂橀€熺粺涓€瀹㈡湇96659涓轰綘鏈嶅姟</li>
<li><a style="color:#fff" href="/article/10345" target="_blank">灞变笢楂橀€熼泦鍥㈠厷濮斿贰鏌ョ粍淇¤鍙楃悊娓犻亾</a></li>
</div>
<div class="bg_two">
<li><a style="color:#fff" href="/article/8306" target="_blank">灞变笢楂橀€熼泦鍥� "闈犱紒鍚冧紒" 涓撻」鏁存不闂涓炬姤鍙楃悊鐢佃瘽</a></li>-->
</div>
</ul>
</div>
<!-- 鍙戝睍鎬濊矾 -->
<div class="section">
<div class="development_box">
<div class="img_box" :class="currentPage == 2 ? 'animate__animated animate__pulse': ''">
<img src="/templates/sdgs/img/big_dev.png" alt="">
</div>
</div>
</div>
<!-- 鏂伴椈涓績 -->
<div class="section">
<div class="news_center_box">
<div class="flex_center">
<div class="log_box" :class="currentPage == 3 ? 'animate__animated animate__fadeInLeft' : ''">
<img src="/templates/sdgs/img/new_log.png" alt="">
</div>
<div class="btn_box" :class="currentPage == 3 ? 'animate__animated animate__fadeInLeft' : ''">
<div v-for="item in btnList" :key="item.id" class="btn_item" :class="item.id == tabValue ? 'isActive' : ''" @click="btnClick(item.id)">
{{ item.title }}
</div>
</div>
</div>
<div class="news_content" :class="currentPage == 3 ? 'animate__animated animate__slideInDown' : ''">
<div class="flex_box">
<div class="right_box" v-show="tabValue == 1">
<!-- 闆嗗洟鍔ㄦ€� -->
<a href="/article/62543">
<div class="content_item" :class="0 == isSelect ? 'content_item_isActive' : ''" @click="onSelect('0')" @mouseover="onSelect('0')">
<div class="title_box">
<span> 2025-02-27</span>
<h1>
灞变笢楂橀€熼泦鍥㈠彫寮€2025骞村害鍏ㄩ潰浠庝弗娌诲厷宸ヤ綔浼氳
</h1>
</div>
<div class="content_img">
<img class="d-block w-100 h-100" src="/uploads/images/20250305/110554a466c5f27ff8a34a0d9916704f.png">
</div>
<div class="content_text">
2鏈�27鏃ワ紝灞变笢楂橀€熼泦鍥㈠彫寮€2025骞村害鍏ㄩ潰浠庝弗娌诲厷宸ヤ綔浼氳銆備細璁互涔犺繎骞虫柊鏃朵唬涓浗鐗硅壊绀句細涓讳箟鎬濇兂涓烘寚瀵硷紝鍏ㄩ潰璐交鍏氱殑浜屽崄澶у拰浜屽崄灞婁簩涓€佷笁涓叏浼氱簿绁烇紝娣卞叆钀藉疄浜屽崄灞婁腑澶邯濮斿洓娆″叏浼氥€佸崄浜屽眾...
</div>
</div>
</a>
<a href="/article/62586">
<div class="content_item" :class="1 == isSelect ? 'content_item_isActive' : ''" @click="onSelect('1')" @mouseover="onSelect('1')">
<div class="title_box">
<span> 2025-02-05</span>
<h1>
灞变笢楂橀€熼泦鍥㈠彫寮€閲嶇偣宸ョ▼寤鸿2024骞存€荤粨琛ㄥ桨鏆�2025...
</h1>
</div>
<div class="content_img">
<img class="d-block w-100 h-100" src="/uploads/images/20250305/4f1702f55c84ac996934b11edf87718b.png">
</div>
<div class="content_text">
2鏈�5鏃ワ紝灞变笢楂橀€熼泦鍥㈠彫寮€閲嶇偣宸ョ▼寤鸿2024骞存€荤粨琛ㄥ桨鏆�2025骞村伐浣滃姩鍛樹細锛屾繁鍏ヨ疮褰昏惤瀹炲叏鐪佹姄鏀归潻鍒涙柊淇冮珮璐ㄩ噺鍙戝睍澶т細銆佷氦閫氬己鍥藉北涓滅ず鑼冨尯寤鸿鎺ㄨ繘浼氬強鍏ㄧ渷浜ら€氳繍杈撳伐浣滀細绛夋湁鍏充細璁簿绁烇紝閮ㄧ讲...
</div>
</div>
</a>
<a href="/article/62176">
<div class="content_item" :class="2 == isSelect ? 'content_item_isActive' : ''" @click="onSelect('2')" @mouseover="onSelect('2')">
<div class="title_box">
<span> 2025-01-22</span>
<h1>
灞变笢楂橀€熼泦鍥㈠彫寮€涓€灞婂叓娆¤亴宸ワ紙涓€灞婁竷娆″伐浼氫細鍛橈級浠ｈ〃澶т細...
</h1>
</div>
<div class="content_img">
<img class="d-block w-100 h-100" src="/uploads/images/20250305/ded59b3f29cbf750a52ffe230763daae.png">
</div>
<div class="content_text">
1鏈�22鏃ワ紝灞变笢楂橀€熼泦鍥㈠彫寮€涓€灞婂叓娆¤亴宸ワ紙涓€灞婁竷娆″伐浼氫細鍛橈級浠ｈ〃澶т細鏆�2025骞村害宸ヤ綔浼氳锛屼紶杈剧渷棰嗗閲嶈鎵圭ず鍙婄渷鏈夊叧浼氳绮剧锛屽叏闈㈡€荤粨2024骞村伐浣滐紝瀹夋帓閮ㄧ讲2025骞撮噸鐐逛换鍔°€傞泦鍥㈠厷濮斾功璁�...
</div>
</div>
</a>
</div>
<div class="right_box_two" v-show="tabValue == 2">
<!-- 涓€绾夸紶鐪� -->
<a href="/article/67042">
<div class="content_item_two" :class="0 == isSelect ? 'content_item_isActive_two' : ''" @click="onSelect('0')" @mouseover="onSelect('0')">
<div class="title_box">
<h1>23</h1>
<h2> 2025-05</h2>
</div>
<div class="content_right">
<h1>
楂橀€熻偂浠芥垚鍔熷彂琛岀涓夋湡ABS
</h1>
<div class="content_text2">
杩戞棩锛岄珮閫熻偂浠藉湪涓婃捣璇佸埜浜ゆ槗鎵€鎴愬姛鍙戣鈥滃箍鍙戞嫑鍟�-灞遍珮浜戝垱淇濈悊绗�3鏈熻祫浜ф敮鎸佷笓椤�...
</div>
</div>
</div>
</a>
<a href="/article/67041">
<div class="content_item_two" :class="1 == isSelect ? 'content_item_isActive_two' : ''" @click="onSelect('1')" @mouseover="onSelect('1')">
<div class="title_box">
<h1>23</h1>
<h2> 2025-05</h2>
</div>
<div class="content_right">
<h1>
鈥滈瞾鏅哄贰鈥濇柊涓€浠ｆ櫤鑳藉贰妫€瑁呭姝ｅ紡鍙戝竷
</h1>
<div class="content_text2">
杩戞棩锛岀敱闆嗗洟鍒涙柊鐮旂┒闄笌宸ョ▼鍜ㄨ闆嗗洟鏉冨睘浼佷笟灞变笢楂橀€熷伐绋嬫娴嬫湁闄愬叕鍙歌仈鍚堢爺鍙戠殑鏂�...
</div>
</div>
</div>
</a>
<a href="/article/67040">
<div class="content_item_two" :class="2 == isSelect ? 'content_item_isActive_two' : ''" @click="onSelect('2')" @mouseover="onSelect('2')">
<div class="title_box">
<h1>23</h1>
<h2> 2025-05</h2>
</div>
<div class="content_right">
<h1>
婊ㄥ窞鍙戝睍鍏徃涓惧姙绠＄悊浜哄憳鑳藉姏鎻愬崌璁粌钀�
</h1>
<div class="content_text2">
杩戞棩锛� 婊ㄥ窞鍙戝睍鍏徃鑱斿悎灞变笢澶у榻愰瞾浜ら€氬闄妇鍔炩€滈鑸€呫兓鏅烘眹琛岃繙鈥濈鐞嗕汉鍛樿兘鍔�...
</div>
</div>
</div>
</a>
<a href="/article/67032">
<div class="content_item_two" :class="3 == isSelect ? 'content_item_isActive_two' : ''" @click="onSelect('3')" @mouseover="onSelect('3')">
<div class="title_box">
<h1>21</h1>
<h2> 2025-05</h2>
</div>
<div class="content_right">
<h1>
濞佹捣閾惰姝ｅ紡绛剧讲鑱斿悎鍥姐€婅礋璐ｄ换閾惰鍘熷垯銆�
</h1>
<div class="content_text2">
杩戞棩锛屽▉娴烽摱琛屾寮忕缃茶仈鍚堝浗銆婅礋璐ｄ换閾惰鍘熷垯銆嬶紙Principles for R...
</div>
</div>
</div>
</a>
<a href="/article/67031">
<div class="content_item_two" :class="4 == isSelect ? 'content_item_isActive_two' : ''" @click="onSelect('4')" @mouseover="onSelect('4')">
<div class="title_box">
<h1>21</h1>
<h2> 2025-05</h2>
</div>
<div class="content_right">
<h1>
鑳芥簮鍙戝睍鍏徃椤圭洰鍏ラ€�2025骞村害銆婂北涓滅渷浜ら€氳繍杈撶豢鑹蹭綆纰抽珮璐ㄩ噺鍙戝睍鍏稿瀷...
</h1>
<div class="content_text2">
杩戞棩锛屽北涓滅渷浜ら€氳繍杈撳巺鍏竷浜�2025骞村害銆婂北涓滅渷浜ら€氳繍杈撶豢鑹蹭綆纰抽珮璐ㄩ噺鍙戝睍鍏稿瀷妗�...
</div>
</div>
</div>
</a>
<a href="/article/67029">
<div class="content_item_two" :class="5 == isSelect ? 'content_item_isActive_two' : ''" @click="onSelect('5')" @mouseover="onSelect('5')">
<div class="title_box">
<h1>20</h1>
<h2> 2025-05</h2>
</div>
<div class="content_right">
<h1>
鍥涘窛鍙戝睍鍏徃缁勭粐寮€灞曗€淎I璧嬪姏路鏁堣兘鎻愬崌鈥濅富棰樺煿璁椿鍔�
</h1>
<div class="content_text2">
涓哄姪鍔涘共閮ㄨ亴宸ユ妸鎻I鍓嶆部瓒嬪娍锛屾彁鍗囨暟瀛楀寲绱犲吇鍜屾櫤鑳藉寲鍔炲叕鑳藉姏锛岃繎鏃ワ紝鍥涘窛鍙戝睍鍏�...
</div>
</div>
</div>
</a>
</div>
<div class="right_box" v-show="tabValue == 3">
<!-- 濯掍綋鎶ラ亾 -->
<a href="/article/64024">
<div class="content_item" :class="0 == isSelect ? 'content_item_isActive' : ''" @click="onSelect('0')" @mouseover="onSelect('0')">
<div class="title_box">
<span> 2025-03-31</span>
<h1>
[澶т紬鏃ユ姤]钁ｆ楂橀€熸墦閫犫€滄暟瀛楅珮閫熲€濇柊鏍囨潌
</h1>
</div>
<div class="content_img">
<img class="d-block w-100 h-100" src="/attachment/20241029/6365d0d090734f7298de420470a31153.png">
</div>
<div class="content_text">
褰撳墠锛屾暟瀛楀寲娴疆姝ｅ腑鍗烽綈椴佸ぇ鍦帮紝涓€鏉￠晫鍒荤潃鈥滄暟瀛楀熀鍥犫€濈殑楂橀€熷姩鑴夋鎮勭劧鎴愬舰銆傝繎鏃ワ紝鐢卞北涓滈珮閫熼泦鍥㈡姇璧勫缓璁剧殑钁ｆ楂橀€熸矆娴烽珮閫熻嚦鏂版嘲娈靛彇寰楀浗鍐呴寮犻珮閫熷叕璺暟瀛楄璁°€佹暟瀛楀缓璁惧拰鏁板瓧杩愮淮鐨勮瘎浠疯瘉涔︼紝璇�...
</div>
</div>
</a>
<a href="/article/64015">
<div class="content_item" :class="1 == isSelect ? 'content_item_isActive' : ''" @click="onSelect('1')" @mouseover="onSelect('1')">
<div class="title_box">
<span> 2025-03-28</span>
<h1>
[鏂伴粍娌砞鈥滅敱涓嬪埌涓婏紝鐢卞唴鍒板鈥濆叏瑕嗙洊锛岀湅缁胯壊銆佹櫤鎱с€佸垱鏂�...
</h1>
</div>
<div class="content_img">
<img class="d-block w-100 h-100" src="/templates/sdgs/img/linkLogo/media1.png">
</div>
<div class="content_text">
鏅鸿兘鍖栥€佹櫤鎱у寲銆佺鎶€鍖栧凡铻嶅叆灞变笢楂橀€熼噸鐐瑰伐绋嬮」鐩缓璁句腑锛�3鏈�17鏃�-18鏃ワ紝鍥寸粫鈥滄櫤鍒涙湭鏉モ€濅富棰橈紝鏂伴粍娌宠鑰呭疄鍦版帰璁夸含鍙伴綈娴庢鏀规墿寤洪」鐩€佹祹鍗楄嚦瀹佹触椤圭洰銆佸簡绔犻」鐩紝杩戣窛绂绘劅鍙楀北涓滈珮閫熼泦鍥㈤噸鐐归」...
</div>
</div>
</a>
<a href="/article/64013">
<div class="content_item" :class="2 == isSelect ? 'content_item_isActive' : ''" @click="onSelect('2')" @mouseover="onSelect('2')">
<div class="title_box">
<span> 2025-03-27</span>
<h1>
[澶т紬缃慮浜彴楂橀€熼綈娌宠嚦娴庡崡娈垫敼鎵╁缓锛氶粍娌充箣鐣旂殑鈥滄櫤鎱ц穬杩�...
</h1>
</div>
<div class="content_img">
<img class="d-block w-100 h-100" src="/templates/sdgs/img/linkLogo/media1.png">
</div>
<div class="content_text">
榛勬渤娴╄崱锛屽娑屽崈骞达紝榻愰瞾澶у湴锛屽啀鍚熀寤烘柊绔犮€傚湪榻愰瞾澶у湴杩欐潯閲戣壊鍔ㄨ剦鏃侊紝涓€搴ч挗閾佸法榫欐浠ヤ紭闆呯殑寮у害璺ㄨ秺閲戣壊娌抽亾锛屼竴鍦轰紶缁熷熀寤哄悜鏅烘収鍩哄缓璺冭縼鐨勨€滅牬澹佷箣鎴樷€濇鎮勭劧涓婃紨銆備含鍙伴珮閫熼綈娌宠嚦娴庡崡娈垫敼鎵╁缓宸ョ▼...
</div>
</div>
</a>
</div>
<div class="more_box" @click="openPage">
鏌ョ湅鏇村 >
</div>
</div>
<!-- 涓撻涓撴爮 -->
<!-- <ul class="special_column">
<li>
<a href="/article/category/bxgd">
<img
src="/attachment/20250416/e7e200ab0f90477eab1caa5c9651a428.jpg"
alt="娣卞叆璐交涓ぎ鍏」瑙勫畾绮剧"
/>
</a>
</li>
<li>
<a href="/article/category/sejszqh">
<img
src="/templates/calmlog/img/xin_img/zt1.png"
alt="瀛︿範璐交鍏氱殑浜屽崄灞婁笁涓叏浼氱簿绁�"
/>
</a>
</li>
<li>
<a href="/article/category/xjpjs">
<img
src="/templates/calmlog/img/xin_img/zt2.png"
alt="娣卞叆瀛︿範璐交涔犺繎骞虫€讳功璁拌€冨療灞变笢閲嶈璁茶瘽绮剧"
/>
</a>
</li>
</ul> -->
</div>
</div>
</div>
<!-- 闆嗗洟绠€浠� -->
<div class="section">
<div class="about_us_box">
<div class="content_flex">
<div class="right_box" :class="currentPage == 4 ? 'animate__animated animate__fadeInBottomLeft': ''">
<div class="log_box">
<img src="/templates/sdgs/img/us_log.png" alt="闆嗗洟绠€浠�">
</div>
<div class="comtent_text">
<p style="text-align:justify;text-indent:2em;">
灞变笢楂橀€熼泦鍥㈡槸灞变笢鐪佸熀纭€璁炬柦棰嗗煙鐨勫浗鏈夎祫鏈姇璧勫叕鍙稿拰涓栫晫500寮轰紒涓氾紝娉ㄥ唽璧勬湰922浜垮厓锛岃祫浜ф€婚绐佺牬1.6涓囦嚎鍏冦€傞泦鍥㈠ぇ鍔涘彂灞曞熀纭€璁炬柦鏍稿績涓氬姟锛岃嚧鍔涗簬鎵撻€犱富涓氱獊鍑恒€佹牳蹇冪珵浜夊姏寮虹殑鍩虹璁炬柦鎶曡祫寤鸿杩愯惀鏈嶅姟鍟嗗拰琛屼笟榫欏ご浼佷笟锛屼负鈥滀氦閫氬己鐪佲€濆缓璁炬彁渚涙湁鍔涙敮鎾戙€�
</p>
<p style="text-align:justify;text-indent:2em;">
鎴嚦鐩墠锛屽北涓滈珮閫熼泦鍥㈣繍钀ョ鐞嗛珮閫熷叕璺�9070鍏噷锛屽叾涓渷鍐�7335鍏噷锛屽崰鍏ㄧ渷鐨�84%锛屾嫢鏈夊北涓滈珮閫燂紙600350.SH锛夈€佸北涓滆矾妗ワ紙000498.SZ锛夈€佸北楂樻帶鑲★紙412.HK锛夈€侀綈椴侀珮閫燂紙1576.HK锛夈€佸▉娴烽摱琛岋紙9677.HK锛夈€佸北楂樻柊鑳芥簮锛�1250.HK锛�6瀹朵笂甯傚叕鍙革紝鑾疯瘎鍥藉唴AAA绾у拰鍥介檯A绾т俊鐢ㄨ瘎绾с€�
</p>
</div>
<ul class="num_box">
<li>
<div class="item_top">
<span>500</span>
<span>寮�</span>
</div>
<h2>涓栫晫浼佷笟</h2>
</li>
<li class="line"></li>
<li>
<div class="item_top">
<span>922</span>
<span>浜�</span>
</div>
<h2>娉ㄥ唽璧勬湰</h2>
</li>
<li class="line"></li>
<li>
<div class="item_top">
<span>1.63</span>
<span>涓囦嚎</span>
</div>
<h2>璧勪骇鎬婚</h2>
</li>
</ul>
</div>
<div class="left_box" :class="currentPage == 4 ? 'animate__animated animate__fadeInBottomRight': ''">
<div class="video" @click="handleVideo"></div>
<!-- <div class="left_bot_bg" @click="handleVideo">
<img src="./img/us_bt_z.png" alt="" />
</div> -->
</div>
</div>
</div>
</div>
<!-- 涓氬姟鏉垮潡 -->
<div class="section">
<div class="business_box">
<div class="flex_center">
<div class="logo_box" :class="currentPage == 5 ? 'animate__animated animate__rotateInDownLeft': ''"></div>
<div class="btn_box" :class="currentPage == 5 ? 'animate__animated animate__rotateInDownRight': ''"></div>
</div>
<div class="card_box" :class="currentPage == 5 ? 'animate__animated animate__fadeInUp': ''">
<div class="card_box_item" v-for="item in workImg" :class="item.id == isWork ?'open_img':''" :key="item.id">
<a :href="item.url" target="_self" :key="item.id">
<div class="innner_box" :class="item.id == isWork ?'animate__animated animate__slideInLeft':''">
<img :src="item.bigImg" alt="">
<div class="desc" v-html="item.title"></div>
</div>
<div class="cover_box" @mouseover="handleMouseOver(item.id)">
<img :src="item.samllImg" alt="">
<div class="desc" v-html="item.title"></div>
</div>
</a>
</div>
</div>
</div>
</div>
<!-- 鍏歌寖椤圭洰 -->
<div class="section">
<div class="project_box">
<div class="flex_center">
<div class="log_text" :class="currentPage == 6 ? 'animate__animated animate__zoomIn': ''">
<!--<img src="./img/dy_log.png" alt="" />-->
</div>
</div>
<div class="project_swiper_box">
<div class="swiper project_swiper" :class="currentPage == 6 ? 'animate__animated animate__slideInUp': ''">
<div class="swiper-wrapper">
<div class="swiper-slide">
<img src="/templates/sdgs/img/pro56.png" alt="" draggable="false">
<div class="bg_text">
<h1>闈掑矝鑳跺窞婀惧ぇ妗�</h1>
<p>
鏄垜鍥藉寳鏂瑰啺鍐绘捣鍩熼搴х壒澶у瀷妗ユ闆嗙兢宸ョ▼锛岃幏妗ユ鐣屾渶楂樺浗闄呭椤�--涔旀不路鐞嗘煡寰锋．濂栥€�
</p>
</div>
</div>
<div class="swiper-slide">
<img src="/templates/sdgs/img/pro57.png" alt="" draggable="false">
<div class="bg_text">
<h1>
璐濆皵鏍艰幈寰� <br>
涓浗鏂囧寲涓績澶у帵
</h1>
<p>鏄反灏斿共鍦板尯绗竴涓腑鍥芥枃鍖栦腑蹇冦€�</p>
</div>
</div>
<div class="swiper-slide">
<img src="/templates/sdgs/img/03.jpg" alt="" draggable="false">
<div class="bg_text">
<h1>瀛熷姞鎷夊浗杈惧崱鏈哄満楂樻灦蹇€熻矾</h1>
<p>瀹炵幇浜嗛泦鍥㈠澶栨敹璐瑰叕璺繍钀ョ鐞嗏€滈浂鈥濈殑绐佺牬銆�</p>
</div>
</div>
<div class="swiper-slide">
<img src="/templates/sdgs/img/pro107.png" alt="" draggable="false">
<div class="bg_text">
<h1>鍗楄嫃涓规湵宸�-浼︽嫓鍏�<br>閬撹矾鍗囩骇</h1>
<p>濉ˉ鍗楄嫃涓规病鏈夌幇浠ｅ寲鍏矾鐨勭┖鐧姐€�</p>
</div>
</div>
<div class="swiper-slide">
<img src="/templates/sdgs/img/pro83.png" alt="" draggable="false">
<div class="bg_text">
<h1>
瓒婂崡娌冲唴 <br>
鑷虫捣闃查珮閫熷叕璺�
</h1>
<p>瀹炵幇瓒婂崡楂橀€熷叕璺浂鐨勭獊鐮淬€�</p>
</div>
</div>
</div>
<!-- 鑷畾涔夌殑瀵艰埅鎸夐挳 -->
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div>
</div>
</div>
</div>
</div>
<!-- 搴曢儴 -->
<div class="section">
<div class="bottom_box">
<!-- 鍦ㄧ嚎鏈嶅姟 -->
<div class="online_box">
<div class="title_img" :class="currentPage == 7 ? 'animate__animated animate__zoomIn' : ''"></div>
<ul :class="currentPage == 7 ? 'animate__animated animate__slideInUp' : ''">
<li>
<a href="https://96659.sdhsg.com/front/#/eMap" target="_blank">
<img src="/templates/sdgs/img/c1.png" alt="瀹炴椂璺喌">
</a>
</li>
<li>
<a href="https://www.xinliankj.com.cn/#/etcService" target="_blank">
<img src="/templates/sdgs/img/c4.png" alt="ETCf鏈嶅姟">
</a>
</li>
<li>
<a href="http://sdhsqlh-logistics.com/%e6%9c%8d%e5%8a%a1%e4%ba%a7%e5%93%81" target="_blank">
<img src="/templates/sdgs/img/c2.png" alt="涓鐝垪">
</a>
</li>
<li>
<a href="https://www.sdgscl.com" target="_blank">
<img src="/templates/sdgs/img/c3.png" alt="灞遍珮鏉愭枡骞冲彴">
</a>
</li>
<li>
<a href="https://scbm-org.sgthzb.com/#/user/login" target="_blank">
<img src="/templates/sdgs/img/c5.png" alt="灞遍珮浜т笟鏀粯">
</a>
</li>
<li>
<a href="https://www.whccb.com/" target="_blank">
<img src="/templates/sdgs/img/c6.png" alt="濞佹捣鍟嗕笟閾惰">
</a>
</li>
</ul>
</div>
<div class="footer_box">
<div class="footer_top">
<div class="card_lst">
<!-- <h1>鐩稿叧閾炬帴</h1> -->
<ul>
<li>
<a href="https://www.mot.gov.cn/" target="_blank">
涓崕浜烘皯鍏卞拰鍥戒氦閫氳繍杈撻儴
</a>
</li>
<li>
<a href="http://gzw.shandong.gov.cn/" target="_blank">
灞变笢鐪佸浗鏈夎祫浜х洃鐫ｇ鐞嗗鍛樹細
</a>
</li>
<li>
<a href="http://jtt.shandong.gov.cn/" target="_blank">
灞变笢鐪佷氦閫氳繍杈撳巺
</a>
</li>
<li @click="handleMouseEnter">鏉冨睘鍗曚綅</li>
</ul>
</div>
<div class="flex_box">
<div class="left_box">
<ol class="nav_list">
<!--<a href="http://lib.sdhsg.com/" target="_blank">
<li>鍥句功棣�</li>
</a>
<li>|</li>-->
<a href="/page_aboutUs?1" target="_blank">
<li>鑱旂郴鎴戜滑</li>
</a>
<li>|</li>
<a href="/page_law" target="_blank">
<li>娉曞緥澹版槑</li>
</a>
</ol>
<h1>灞变笢楂橀€熼泦鍥㈡湁闄愬叕鍙�</h1>
<p>
<span>鍦� 鍧€: </span>
<span>娴庡崡甯傚巻涓嬪尯榫欏ゥ鍖楄矾8鍙�</span>
</p>
<p>
<span>閭斂缂栫爜: </span>
<span>250098</span>
</p>
<p>
<!--<span>鐢靛瓙閭: </span>
<span>sdhs iod@163.com</span>-->
</p>
</div>
<div class="right_box">
<div class="qr_box">
<img src="/templates/sdgs/img/-125.png" alt="">
</div>
<div class="qr_box">
<img src="/templates/sdgs/img/-126.png" alt="">
</div>
<div class="qr_box">
<img src="/templates/sdgs/img/-128.png" alt="">
</div>
<div class="qr_box">
<img src="/templates/sdgs/img/jrtt.png" alt="">
</div>
<div class="qr_box">
<img src="/templates/sdgs/img/-129.png" alt="">
</div>
</div>
</div>
</div>
<div class="footer__bot">
<div class="bot_text">
灞变笢鐪佹祹鍗楀競鍘嗕笅鍖洪緳濂ュ寳璺�8鍙峰北涓滈珮閫熷ぇ鍘�
</div>
<div class="bot_r">
<span class="bot_text pad10">椴両CP澶�10020586鍙�-1</span>
<img src="/templates/sdgs/img/ga.png" alt="">
<span class="bot_text pad10">椴佸叕缃戝畨澶�37010202002178鍙�</span>
<span class="bot_text">Copyright漏2001灞变笢楂橀€熼泦鍥㈡湁闄愬叕鍙�</span>
</div>
</div>
</div>
<!-- animate__zoomIn animate__animated animate__faster -->
<div v-if="dialog" class="frameInfo" @mouseleave="handleMouseLeave">
<div class="card_list">
<h1>涓婂競鍏徃</h1>
<ul>
<li>
<a href="http://www.sdecl.com.cn" target="_blank">
灞变笢楂橀€熻偂浠芥湁闄愬叕鍙�
<br>
<!-- <span class="blueCorlor">600350.SH</span> -->
</a>
</li>
<li>
<a href="http://www.sdlqgf.com" target="_blank">
灞变笢楂橀€熻矾妗ラ泦鍥㈣偂浠芥湁闄愬叕鍙�
<br>
<!-- <span class="blueCorlor">000498.SZ</span> -->
</a>
</li>
<li>
<a href="https://www.sdhg.com.hk/" target="_blank">
灞遍珮鎺ц偂闆嗗洟鏈夐檺鍏徃
<br>
<!-- <span class="blueCorlor">412.HK</span> -->
</a>
</li>
<li>
<a href="http://www.qlecl.com/" target="_blank">
榻愰瞾楂橀€熷叕璺偂浠芥湁闄愬叕鍙�
<br>
<!-- <span class="blueCorlor">1576.HK</span> -->
</a>
</li>
<li>
<a href="http://www.whccb.com" target="_blank">
濞佹捣閾惰鑲′唤鏈夐檺鍏徃
<br>
<!-- <span class="blueCorlor">9677.HK</span> -->
</a>
</li>
<li>
<a href="https://www.shneg.com.hk/" target="_blank">
灞遍珮鏂拌兘婧愰泦鍥㈡湁闄愬叕鍙�
<br>
<!-- <span class="blueCorlor">1250.HK</span> -->
</a>
</li>
</ul>
</div>
<div class="card_list">
<h1>鎺ц偂鍏徃</h1>
<ul>
<li>
<a href="http://www.sdhscmc.com" target="_blank">
灞变笢楂橀€熷缓璁剧鐞嗛泦鍥㈡湁闄愬叕鍙�
</a>
</li>
<li>
<a href="http://www.sdgswl.com/index.html" target="_blank">
灞变笢楂橀€熺墿娴侀泦鍥㈡湁闄愬叕鍙�
</a>
</li>
<li>
<a href="https://www.xinliankj.com.cn/#/" target="_blank">
灞变笢楂橀€熶俊鑱旂鎶€鑲′唤鏈夐檺鍏徃
</a>
</li>
<li>
<a href="http://www.sdcpd.com/" target="_blank">
灞变笢鐪佷氦閫氳鍒掕璁￠櫌闆嗗洟鏈夐檺鍏徃
</a>
</li>
<li>
<span> 灞变笢閫氭眹璧勬湰鎶曡祫闆嗗洟鏈夐檺鍏徃</span>
</li>
<li>
<span> 灞变笢楂橀€熺墿涓氭湇鍔″彂灞曢泦鍥㈡湁闄愬叕鍙�</span>
</li>
<li>
<a href="http://www.sdhsqlh-logistics.com/" target="_blank">
灞变笢楂橀€熼綈椴佸彿娆т簹鐝垪杩愯惀鏈夐檺鍏徃
</a>
</li>
</ul>
</div>
<div class="card_list">
<h1>鍏ㄨ祫鍏徃</h1>
<ul>
<li>
<a href="http://www.sdgstzkg.com/tzkgIndex.jhtml" target="_blank">
灞变笢楂橀€熸姇璧勬帶鑲℃湁闄愬叕鍙�
</a>
</li>
<li>
<a href="https://www.chinacsi.cn" target="_blank">
涓浗灞变笢鍥介檯缁忔祹鎶€鏈悎浣滄湁闄愬叕鍙�
</a>
</li>
<li>
<a href="http://www.sdgsdc.com/" target="_blank">
灞变笢楂橀€熻祫婧愬紑鍙戠鐞嗛泦鍥㈡湁闄愬叕鍙�
</a>
</li>
<li>
<a href="http://www.sdgsgczxjt.com/" target="_blank">
灞变笢楂橀€熷伐绋嬪挩璇㈤泦鍥㈡湁闄愬叕鍙�
</a>
</li>
<li>
<a href="https://www.sdhsfwkf.com/" target="_blank">
灞变笢楂橀€熸湇鍔″紑鍙戦泦鍥㈡湁闄愬叕鍙�
</a>
</li>
<li>
<a href="http://www.sdhsscgs.com/" target="_blank">
灞变笢楂橀€熷洓宸濅骇涓氬彂灞曟湁闄愬叕鍙�
</a>
</li>
<li>
<a href="http://ynfz.sdhsg.com/" target="_blank">
灞变笢楂橀€熶簯鍗楀彂灞曟湁闄愬叕鍙�
</a>
</li>
<li>
<a href="http://sdhshbgs.com/" target="_blank">
灞变笢楂橀€熸箹鍖楀彂灞曟湁闄愬叕鍙�
</a>
</li>
<li>
<a href="http://www.sdgscxfz.com/" target="_blank">
灞变笢楂橀€熷煄涔″彂灞曢泦鍥㈡湁闄愬叕鍙�
</a>
</li>
<li>
<a href="http://www.sdhseeg.com" target="_blank">
灞变笢楂橀€熺敓鎬佺幆澧冮泦鍥㈡湁闄愬叕鍙�
</a>
</li>
<li>
<span> 灞变笢楂橀€熸祹鍗楀彂灞曟湁闄愬叕鍙�</span>
</li>
<li>
<a href="http://www.sdgsjzwdq.com/" target="_blank">
灞变笢楂橀€熼潚宀涘彂灞曟湁闄愬叕鍙�
</a>
</li>
<li>
<span> 灞变笢楂橀€熸穭鍗氬彂灞曟湁闄愬叕鍙�</span>
</li>
<li>
<span> 灞变笢楂橀€熸灒搴勫彂灞曟湁闄愬叕鍙�</span>
</li>
<li>
<span> 灞变笢楂橀€熶笢钀ュ彂灞曟湁闄愬叕鍙�</span>
</li>
<li>
<span> 灞变笢楂橀€熺儫鍙板彂灞曟湁闄愬叕鍙�</span>
</li>
<li>
<span> 灞变笢楂橀€熸綅鍧婂彂灞曟湁闄愬叕鍙�</span>
</li>
<li>
<span> 灞变笢楂橀€熸祹瀹佸彂灞曟湁闄愬叕鍙�</span>
</li>
<li>
<span> 灞变笢楂橀€熸嘲瀹夊彂灞曟湁闄愬叕鍙�</span>
</li>
<li>
<span> 灞变笢楂橀€熸棩鐓у彂灞曟湁闄愬叕鍙�</span>
</li>
<li>
<span> 灞变笢楂橀€熶复娌傚彂灞曟湁闄愬叕鍙�</span>
</li>
<li>
<span> 灞变笢楂橀€熷痉宸炲彂灞曟湁闄愬叕鍙�</span>
</li>
<li>
<span> 灞变笢楂橀€熻亰鍩庡彂灞曟湁闄愬叕鍙�</span>
</li>
<li>
<span> 灞变笢楂橀€熸花宸炲彂灞曟湁闄愬叕鍙�</span>
</li>
<li>
<span> 灞变笢楂橀€熻弿娉藉彂灞曟湁闄愬叕鍙�</span>
</li>
<li>
<span> 灞变笢楂橀€熷▉娴峰彂灞曟湁闄愬叕鍙�</span>
</li>
<li>
<span> 灞变笢楂橀€熷熀纭€璁炬柦寤鸿鏈夐檺鍏徃</span>
</li>
<li>
<a href="http://www.sdgsxxjt.com" target="_blank">
灞变笢楂橀€熶俊鎭泦鍥㈡湁闄愬叕鍙�
</a>
</li>
<li>
<span> 灞变笢楂橀€熸柊瀹炰笟寮€鍙戦泦鍥㈡湁闄愬叕鍙�</span>
</li>
<li>
<a href="http://www.sdgsxcljt.com/" target="_blank">
灞变笢楂橀€熸柊鏉愭枡闆嗗洟鏈夐檺鍏徃
</a>
</li>
<li>
<span> 灞变笢楂橀€熼珮鏂扮鎶€鎶曡祫鏈夐檺鍏徃</span>
</li>
<li>
<span> 灞变笢楂橀€熻兘婧愬彂灞曟湁闄愬叕鍙�</span>
</li>
<li>
<a href="https://www.gscytz.com" target="_blank">
灞变笢楂橀€熶骇涓氭姇璧勬湁闄愬叕鍙革紙灞变笢楂橀€熼粍娌充骇涓氭姇璧勫彂灞曟湁闄愬叕鍙革級
</a>
</li>
<li>
<span> 灞变笢楂橀€熼潚宀涗骇涓氭姇璧勬湁闄愬叕鍙�</span>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div v-if="open_video" class="video-out-a">
<div class="video">
<div class="close_video" @click="closeVideo">
<i class="bi bi-x-circle"></i>
</div>
<video id="video" width="100%" height="100%" autoplay="autoplay" controls src="templates/sdgs/img/videos/video.mp4" controlslist="nodownload" @ended="closeVideo"></video>
</div>
</div>
<div class="downIcon" id="downIcon_id"></div>
<div class="r_move_menu">
<ul class="r_move_menu_bg">
<li> <a href="/index">棣� 椤�</a> </li>
<li> <a href="/page_aboutUs">鍏充簬楂橀€�</a> </li>
<li> <a href="/page_newsCenter">鏂伴椈涓績</a> </li>
<li> <a href="/page_party">鍏氱殑寤鸿</a> </li>
<li> <a href="/page_humanResource">浜哄姏璧勬簮</a> </li>
<li> <a href="/article/category/zbzqgczb">鎷涙爣淇℃伅</a> </li>
<li> <a href="/page_publicMessage">閲嶅ぇ淇℃伅鍏紑</a> </li>
<li> <a href="/page_brandCulture">鏂囧寲鈭欏搧鐗�</a> </li>
</ul>
</div>
</div>
</div>
</div>
<div class="cl-footer" id="cl-footer">
<div class="header_top blue_bg">
<div class="card_lst">
<ul>
<li>
<a href="https://www.mot.gov.cn/" target="_blank">
涓崕浜烘皯鍏卞拰鍥戒氦閫氳繍杈撻儴
</a>
</li>
<li>
<a href="http://gzw.shandong.gov.cn/" target="_blank">
灞变笢鐪佸浗鏈夎祫浜х洃鐫ｇ鐞嗗鍛樹細
</a>
</li>
<li>
<a href="http://jtt.shandong.gov.cn/" target="_blank">
灞变笢鐪佷氦閫氳繍杈撳巺
</a>
</li>
<li id="li_btn">鏉冨睘鍗曚綅</li>
</ul>
</div>
<div class="flex_box">
<div class="left_box">
<ol class="nav_list">
<a href="/page_aboutUs?1" target="_blank">
<li>鑱旂郴鎴戜滑</li>
</a>
<li>|</li>
<a href="/page_law" target="_blank">
<li>娉曞緥澹版槑</li>
</a>
</ol>
<h1>灞变笢楂橀€熼泦鍥㈡湁闄愬叕鍙�</h1>
<p>
<span>鍦� 鍧€: </span>
<span>娴庡崡甯傚巻涓嬪尯榫欏ゥ鍖楄矾8鍙�</span>
</p>
<p>
<span>閭斂缂栫爜: </span>
<span>250098</span>
</p>
</div>
<div class="right_box">
<div class="qr_box">
<img alt="" src="/templates/sdgs/img/-125.png">
</div>
<div class="qr_box">
<img alt="" src="/templates/sdgs/img/-126.png">
</div>
<div class="qr_box">
<img alt="" src="/templates/sdgs/img/-128.png">
</div>
<div class="qr_box">
<img alt="" src="/templates/sdgs/img/jrtt.png">
</div>
<div class="qr_box">
<img alt="" src="/templates/sdgs/img/-129.png">
</div>
</div>
</div>
</div>
<div class="header_bot blue2_bg">
<div class="bot_text">灞变笢鐪佹祹鍗楀競鍘嗕笅鍖洪緳濂ュ寳璺�8鍙峰北涓滈珮閫熷ぇ鍘�</div>
<div class="bot_r">
<span class="bot_text pad10">椴両CP澶�10020586鍙�-1</span>
<img alt="" src="/templates/sdgs/img/ga.png">
<span class="bot_text pad10">椴佸叕缃戝畨澶�37010202002178鍙�</span>
<span class="bot_text">Copyright漏2001灞变笢楂橀€熼泦鍥㈡湁闄愬叕鍙�</span>
</div>
</div>
<!-- animate__zoomIn animate__animated-->
<div class="frameInfo" id="footer_dialog">
<div class="card_list">
<h1>涓婂競鍏徃</h1>
<ul>
<li>
<a href="http://www.sdecl.com.cn" target="_blank">
灞变笢楂橀€熻偂浠芥湁闄愬叕鍙�
<br>
<!-- <span class="blueCorlor">600350.SH</span> -->
</a>
</li>
<li>
<a href="http://www.sdlqgf.com" target="_blank">
灞变笢楂橀€熻矾妗ラ泦鍥㈣偂浠芥湁闄愬叕鍙�
<br>
<!-- <span class="blueCorlor">000498.SZ</span> -->
</a>
</li>
<li>
<a href="https://www.sdhg.com.hk/" target="_blank">
灞遍珮鎺ц偂闆嗗洟鏈夐檺鍏徃
<br>
<!-- <span class="blueCorlor">412.HK</span> -->
</a>
</li>
<li>
<a href="http://www.qlecl.com/" target="_blank">
榻愰瞾楂橀€熷叕璺偂浠芥湁闄愬叕鍙�
<br>
<!-- <span class="blueCorlor">1576.HK</span> -->
</a>
</li>
<li>
<a href="http://www.whccb.com" target="_blank">
濞佹捣閾惰鑲′唤鏈夐檺鍏徃
<br>
<!-- <span class="blueCorlor">9677.HK</span> -->
</a>
</li>
<li>
<a href="https://www.shneg.com.hk/" target="_blank">
灞遍珮鏂拌兘婧愰泦鍥㈡湁闄愬叕鍙�
<br>
<!-- <span class="blueCorlor">1250.HK</span> -->
</a>
</li>
</ul>
</div>
<div class="card_list">
<h1>鎺ц偂鍏徃</h1>
<ul>
<li>
<a href="http://www.sdhscmc.com" target="_blank">
灞变笢楂橀€熷缓璁剧鐞嗛泦鍥㈡湁闄愬叕鍙�
</a>
</li>
<li>
<a href="http://www.sdgswl.com/index.html" target="_blank">
灞变笢楂橀€熺墿娴侀泦鍥㈡湁闄愬叕鍙�
</a>
</li>
<li>
<a href="https://www.xinliankj.com.cn/#/" target="_blank">
灞变笢楂橀€熶俊鑱旂鎶€鑲′唤鏈夐檺鍏徃
</a>
</li>
<li>
<a href="http://www.sdcpd.com/" target="_blank">
灞变笢鐪佷氦閫氳鍒掕璁￠櫌闆嗗洟鏈夐檺鍏徃
</a>
</li>
<li>
<span> 灞变笢閫氭眹璧勬湰鎶曡祫闆嗗洟鏈夐檺鍏徃</span>
</li>
<li>
<span> 灞变笢楂橀€熺墿涓氭湇鍔″彂灞曢泦鍥㈡湁闄愬叕鍙�</span>
</li>
<li>
<a href="http://www.sdhsqlh-logistics.com/" target="_blank">
灞变笢楂橀€熼綈椴佸彿娆т簹鐝垪杩愯惀鏈夐檺鍏徃
</a>
</li>
</ul>
</div>
<div class="card_list">
<h1>鍏ㄨ祫鍏徃</h1>
<ul>
<li>
<a href="http://www.sdgstzkg.com/tzkgIndex.jhtml" target="_blank">
灞变笢楂橀€熸姇璧勬帶鑲℃湁闄愬叕鍙�
</a>
</li>
<li>
<a href="https://www.chinacsi.cn" target="_blank">
涓浗灞变笢鍥介檯缁忔祹鎶€鏈悎浣滄湁闄愬叕鍙�
</a>
</li>
<li>
<a href="http://www.sdgsdc.com/" target="_blank">
灞变笢楂橀€熻祫婧愬紑鍙戠鐞嗛泦鍥㈡湁闄愬叕鍙�
</a>
</li>
<li>
<a href="http://www.sdgsgczxjt.com/" target="_blank">
灞变笢楂橀€熷伐绋嬪挩璇㈤泦鍥㈡湁闄愬叕鍙�
</a>
</li>
<li>
<a href="https://www.sdhsfwkf.com/" target="_blank">
灞变笢楂橀€熸湇鍔″紑鍙戦泦鍥㈡湁闄愬叕鍙�
</a>
</li>
<li>
<a href="http://www.sdhsscgs.com/" target="_blank">
灞变笢楂橀€熷洓宸濅骇涓氬彂灞曟湁闄愬叕鍙�
</a>
</li>
<li>
<a href="http://ynfz.sdhsg.com/" target="_blank">
灞变笢楂橀€熶簯鍗楀彂灞曟湁闄愬叕鍙�
</a>
</li>
<li>
<a href="http://sdhshbgs.com/" target="_blank">
灞变笢楂橀€熸箹鍖楀彂灞曟湁闄愬叕鍙�
</a>
</li>
<li>
<a href="http://www.sdgscxfz.com/" target="_blank">
灞变笢楂橀€熷煄涔″彂灞曢泦鍥㈡湁闄愬叕鍙�
</a>
</li>
<li>
<a href="http://www.sdhseeg.com" target="_blank">
灞变笢楂橀€熺敓鎬佺幆澧冮泦鍥㈡湁闄愬叕鍙�
</a>
</li>
<li>
<span> 灞变笢楂橀€熸祹鍗楀彂灞曟湁闄愬叕鍙�</span>
</li>
<li>
<a href="http://www.sdgsjzwdq.com/" target="_blank">
灞变笢楂橀€熼潚宀涘彂灞曟湁闄愬叕鍙�
</a>
</li>
<li>
<span> 灞变笢楂橀€熸穭鍗氬彂灞曟湁闄愬叕鍙�</span>
</li>
<li>
<span> 灞变笢楂橀€熸灒搴勫彂灞曟湁闄愬叕鍙�</span>
</li>
<li>
<span> 灞变笢楂橀€熶笢钀ュ彂灞曟湁闄愬叕鍙�</span>
</li>
<li>
<span> 灞变笢楂橀€熺儫鍙板彂灞曟湁闄愬叕鍙�</span>
</li>
<li>
<span> 灞变笢楂橀€熸綅鍧婂彂灞曟湁闄愬叕鍙�</span>
</li>
<li>
<span> 灞变笢楂橀€熸祹瀹佸彂灞曟湁闄愬叕鍙�</span>
</li>
<li>
<span> 灞变笢楂橀€熸嘲瀹夊彂灞曟湁闄愬叕鍙�</span>
</li>
<li>
<span> 灞变笢楂橀€熸棩鐓у彂灞曟湁闄愬叕鍙�</span>
</li>
<li>
<span> 灞变笢楂橀€熶复娌傚彂灞曟湁闄愬叕鍙�</span>
</li>
<li>
<span> 灞变笢楂橀€熷痉宸炲彂灞曟湁闄愬叕鍙�</span>
</li>
<li>
<span> 灞变笢楂橀€熻亰鍩庡彂灞曟湁闄愬叕鍙�</span>
</li>
<li>
<span> 灞变笢楂橀€熸花宸炲彂灞曟湁闄愬叕鍙�</span>
</li>
<li>
<span> 灞变笢楂橀€熻弿娉藉彂灞曟湁闄愬叕鍙�</span>
</li>
<li>
<span> 灞变笢楂橀€熷▉娴峰彂灞曟湁闄愬叕鍙�</span>
</li>
<li>
<span> 灞变笢楂橀€熷熀纭€璁炬柦寤鸿鏈夐檺鍏徃</span>
</li>
<li>
<a href="http://www.sdgsxxjt.com" target="_blank">
灞变笢楂橀€熶俊鎭泦鍥㈡湁闄愬叕鍙�
</a>
</li>
<li>
<span> 灞变笢楂橀€熸柊瀹炰笟寮€鍙戦泦鍥㈡湁闄愬叕鍙�</span>
</li>
<li>
<a href="http://www.sdgsxcljt.com/" target="_blank">
灞变笢楂橀€熸柊鏉愭枡闆嗗洟鏈夐檺鍏徃
</a>
</li>
<li>
<span> 灞变笢楂橀€熼珮鏂扮鎶€鎶曡祫鏈夐檺鍏徃</span>
</li>
<li>
<span> 灞变笢楂橀€熻兘婧愬彂灞曟湁闄愬叕鍙�</span>
</li>
<li>
<a href="https://www.gscytz.com" target="_blank">
灞变笢楂橀€熶骇涓氭姇璧勬湁闄愬叕鍙革紙灞变笢楂橀€熼粍娌充骇涓氭姇璧勫彂灞曟湁闄愬叕鍙革級
</a>
</li>
<li>
<span> 灞变笢楂橀€熼潚宀涗骇涓氭姇璧勬湁闄愬叕鍙�</span>
</li>
</ul>
</div>
</div>
</div>
<div class="cl_footer_app" id="cl_footer_app">
<!--<div class="footer_qr_box blue_bg">
<ul>
<li>
<img src="./img/app/weixin_app.png" alt="" />
<span>寰俊鍏紬鍙�</span>
</li>
<li>
<img src="./img/app/shiping_app.png" alt="" />
<span>寰俊瑙嗛鍙�</span>
</li>
<li>
<img src="./img/app/xinlang_app.png" alt="" />
<span>鏂版氮寰崥鍙�</span>
</li>
<li>
<img src="./img/app/toutiao_app.png" alt="" />
<span>浠婃棩澶存潯鍙�</span>
</li>
<li>
<img src="./img/app/douyin_app.png" alt="" />
<span>鎶栭煶瀹樻柟鍙�</span>
</li>
</ul>
</div>-->
<div class="footer__bot blue2_bg">
<!--<div class="bot_text">灞变笢鐪佹祹鍗楀競鍘嗕笅鍖洪緳濂ュ寳璺�8鍙峰北涓滈珮閫熷ぇ鍘�</div>-->
<div class="bot_text">椴両CP澶�10020586鍙�-1</div>
<div class="bot_text">
<img src="/templates/sdgs/img/ga.png" alt="">椴佸叕缃戝畨澶�37010202002178鍙�
</div>
<div class="bot_text">Copyright漏2001灞变笢楂橀€熼泦鍥㈡湁闄愬叕鍙�</div>
</div>
</div>
<div class="video_box">
<div class="home_title"></div>
</div>
<script src="/static/front/jpressfront.js"></script>
<script src="/templates/sdgs/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="/templates/sdgs/highlight/highlight.pack.js"></script>
<script src="/templates/sdgs/vue/vue.min.js"></script>
<script src="/templates/sdgs/utils/jquery.mousewheel.min.js"></script>
<script src="/static/components/swiper/swiper.min.js"></script>
<script>
// 婊氬姩涓€鏁村睆
new Vue({
el: "#home_pc", // 鎸囧畾鎸傝浇鐨勫厓绱�
data() {
return {
dialog: false,
btnList: [
{
id: "1",
title: "闆嗗洟鍔ㄦ€�",
},
{
id: "2",
title: "涓€绾夸紶鐪�",
},
{
id: "3",
title: "濯掍綋鎶ラ亾",
},
{
id: "4",
title: "鏇村鍐呭",
},
],
tabValue: "1",
isSelect: "0",
// 褰撳墠婊氬姩鐨勯〉闈�
currentPage: 1,
open_video: false,
mySwiper: undefined,
workImg: [
{
id: "1",
samllImg: "/templates/sdgs/img/card1.jpg",
bigImg: "/templates/sdgs/img/cardX1.jpg",
url: "./page_transportation.html",
title:'浜ら€氳繍杈撶瓑鍩虹璁炬柦<br/>鎶曡祫杩愯惀鍙婄浉鍏虫湇鍔�',
},
{
id: "2",
samllImg: "/templates/sdgs/img/card2.jpg",
bigImg: "/templates/sdgs/img/cardX2.jpg",
url: "./page_engineering.html",
title:'宸ョ▼寤虹瓚鍙婁笓涓氭妧鏈湇鍔�'
},
{
id: "3",
samllImg: "/templates/sdgs/img/card3.jpg",
bigImg: "/templates/sdgs/img/cardX3.jpg",
url: "./page_bank.html",
title:'鍟嗕笟閾惰鏈嶅姟',
},
{
id: "4",
samllImg: "/templates/sdgs/img/card4.jpg",
bigImg: "/templates/sdgs/img/cardX4.jpg",
url: "./page_energy.html",
title:'鏂拌兘婧�',
},
],
isWork: 4,
};
},
created() { },
methods: {
btnClick(val) {
if (val == 4) {
$(location).attr("href", "/page_newsCenter");
} else {
this.tabValue = val;
this.isSelect = 0;
}
},
onSelect(val) {
this.isSelect = val;
if(this.tabValue == '1'){
sessionStorage.setItem("page", '0');
}else if(this.tabValue == '2') {
sessionStorage.setItem("page", '2');
}else if(this.tabValue == '3') {
sessionStorage.setItem("page", '4');
}
},
openPage() {
if(this.tabValue == 1) {
window.open('article/category/artlist_group','_self')
}else if(this.tabValue == 2) {
window.open('/article/category/artlist_lineFax','_self')
}else {
window.open('/article/category/artlist_mediaReport','_self')
}
},
handleMouseOver(val) {
this.isWork = val;
},
// 鍏歌寖椤圭洰
getSwiperProject() {
var self = this;
let winW = window.innerWidth;
var spaceBetweenWidth = 100;
if (winW < 1920 && winW > 800) {
spaceBetweenWidth = 80;
}
self.mySwiper = new Swiper(".project_swiper", {
loop: true, // 寰幆鎾斁
centeredSlides: true,
slidesPerView: "auto", //
loopedSlides: 2, // 鎸囧畾瑕佸惊鐜紙閲嶅锛夌殑骞荤伅鐗囨暟閲�
autoplay: {
delay: 5000, //5绉掑垏鎹竴娆�
disableOnInteraction: false,
},
spaceBetween: spaceBetweenWidth,
navigation: {
nextEl: ".swiper-button-next",
prevEl: ".swiper-button-prev",
},
});
var activeDomWidth = $(".swiper-slide-active").width();
var swiperButtonPosition = (winW - activeDomWidth) / 2 - spaceBetweenWidth;
$(".swiper-button-prev").css({height: spaceBetweenWidth, width: spaceBetweenWidth, left: swiperButtonPosition});
$(".swiper-button-next").css({height: spaceBetweenWidth, width: spaceBetweenWidth, right: swiperButtonPosition});
},
//鏉冨睘鍗曚綅
handleMouseEnter() {
this.dialog = !this.dialog;
},
handleMouseLeave() {
this.dialog = !this.dialog;
},
// 闆嗗洟绠€浠�-瑙嗛
handleVideo() {
this.open_video = true;
},
closeVideo() {
$("#video").fadeOut();
setTimeout(function() {
this.open_video = false;
}.bind(this),500)
},
},
mounted() {
let self = this;
// 婊氬姩涓€灞�
let timers = undefined;
let $pages_container = $(".fullPageContainer");
let $pages = $(".section");
let $len = $pages.length;
let $height = $(window).height();
let current = 1; // 褰撳墠鐨勯〉闈㈢紪鍙�
let isScrolling = false; // 鏄惁鍦ㄦ粴鍔�,鏄负浜嗛槻姝㈡粴鍔ㄥ椤碉紝闇€瑕侀€氳繃涓€涓彉閲忔潵鎺у埗鏄惁婊氬姩
$pages.css("height", $height);
$(".fullPageContainer").mousewheel(function (event, dat) {
if (isScrolling) {
// 鍒ゆ柇鏄惁鍙互婊氬姩
return false;
}
if (dat == -1) {
if (current < $len) {
current += 1;
}
} else {
if (current - 1 > 0) {
current -= 1;
}
}
if (1 <= current && current <= $len) {
isScrolling = true;
const scrollHeight = -(current - 1) * $height + "px";
//椤甸潰鐨勫垏鎹㈠姩鐢�
$pages_container.css({ transform: `translateY(${scrollHeight})` });
timers = setTimeout(() => {
// 杩欓噷鐨勫姩鐢绘槸1s鎵ц瀹岋紝浣跨敤setTimeout寤惰繜1s鍚庤В閿�
isScrolling = false;
}, 200);
}
// 婊氬姩鎻愮ず鍥炬爣
if (current == $len) {
$("#downIcon_id").hide();
} else {
$("#downIcon_id").show();
}
self.currentPage = current;
if (current == 6 && !self.mySwiper) {
self.getSwiperProject();
}
});
// 鐐瑰嚮婊氬姩
$("#downIcon_id").on("click", function () {
current += 1;
if (current == $len) {
$("#downIcon_id").hide();
} else {
$("#downIcon_id").show();
}
if (current == 6 && !self.mySwiper) {
self.getSwiperProject();
}
self.currentPage = current;
if (1 <= current && current <= $len) {
isScrolling = true;
const scrollHeight = -(current - 1) * $height + "px";
//椤甸潰鐨勫垏鎹㈠姩鐢�
$pages_container.css({ transform: `translateY(${scrollHeight})` });
timers = setTimeout(() => {
// 杩欓噷鐨勫姩鐢绘槸1s鎵ц瀹岋紝浣跨敤setTimeout寤惰繜1s鍚庤В閿�
isScrolling = false;
}, 200);
}
});
},
});
</script>
<script>
// 鍒ゆ柇鏄痯c杩樻槸app
function IsPC() {
// pc绔紝杩斿洖 true 鎵嬫満绔紝杩斿洖false
var userAgentInfo = navigator.userAgent;
var Agents = [
"Android",
"iPhone",
"SymbianOS",
"Windows Phone",
"iPad",
"iPod",
];
var flag = true;
for (var v = 0; v < Agents.length; v++) {
if (userAgentInfo.indexOf(Agents[v]) > 0) {
flag = false;
break;
}
}
return flag;
}
hljs.initHighlightingOnLoad();
$('[data-toggle="tooltip"]').tooltip();
$("#my_translate .dropdown-item").click(function () {
var text = $(this).text();
$("#translate_val .dropdown-toggle").text(text);
});
// 鑿滃崟鐐瑰嚮浜嬩欢
$("#jpress-default-menu .navbar-nav .nav-item").on(
"click",
function (val) {
sessionStorage.setItem("human_page", "");
}
);
$(function () {
let pathname = window.location.pathname;
var sign = sessionStorage.getItem("sign");
// 寤舵椂鍣�
var timerId = null;
// 涓嶅悓棰滆壊搴曢儴
if (
pathname == "/page_party" ||
pathname == "/page_partyIncorrupt" ||
pathname == "/artlist_partySpecial" ||
sign == "party"
) {
$("#cl-footer .header_top").removeClass("blue_bg");
$("#cl-footer .header_bot").removeClass("blue2_bg");
$("#cl-footer .header_top").addClass("red_bg");
$("#cl-footer .header_bot").addClass("red2_bg");
// app
$("#cl_footer_app .footer_qr_box").removeClass("blue_bg");
$("#cl_footer_app .footer__bot").removeClass("blue2_bg");
$("#cl_footer_app .footer_qr_box").addClass("red_bg");
$("#cl_footer_app .footer__bot").addClass("red2_bg");
} else {
$("#cl-footer .header_top").removeClass("red_bg");
$("#cl-footer .header_bot").removeClass("red2_bg");
$("#cl-footer .header_top").addClass("blue_bg");
$("#cl-footer .header_bot").addClass("blue2_bg");
// app
$("#cl_footer_app .footer_qr_box").removeClass("red_bg");
$("#cl_footer_app .footer__bot").removeClass("red2_bg");
$("#cl_footer_app .footer_qr_box").addClass("blue_bg");
$("#cl_footer_app .footer__bot").addClass("blue2_bg");
}
// 杩斿洖
if (pathname !== "/") {
$("#bacdkId").removeClass();
if (sign == "party") {
$("#bacdkId").addClass("redBack");
} else {
$("#bacdkId").addClass("blueBack");
}
} else {
$("#bacdkId").removeClass();
}
// 棣栭〉-寮€灞忓姩鐢�
if (pathname == "/") {
if (IsPC()) {
$(".video_box").prepend(`
<video
class="kvVideo"
height="100%"
muted="muted"
preload="none"
autoplay="autoplay"
src="/templates/sdgs/img/videos/demo-v3.mp4"
/>
`);
// pc
$(".video_box").mousewheel(function (ev, delta) {
$(".man_box").css({
display: "block",
});
$(".video_box").css({
display: "none",
});
clearTimeout(timerId);
window.location.href = "/index";
});
} else {
$(".video_box").prepend(`
<video
class="kvVideo"
height="100%"
muted="muted"
preload="none"
src="/templates/sdgs/img/videos/demo-v3.mp4"
/>
`);
}
timerId = setTimeout(function () {
$(".man_box").css({
display: "block",
});
$(".video_box").css({
display: "none",
});
window.location.href = "/index";
}, 14200);
$("#cl_header").removeClass("shadow-sm");
} else if (pathname.startsWith("/index")) { // pathname == "/index" &&
$("#cl_header").removeClass("shadow-sm");
$(".video_box").css({
display: "none",
});
$(".man_box").css({
display: "block",
});
} else {
if (IsPC()) {
$("#cl-footer").css({
display: "block",
});
}else {
$("#cl_footer_app").css({
display: "block",
});
}
$("#cl_header").addClass("shadow-sm");
$("#cl_header").removeClass("shadow-smTwo");
$(".man_box").css({
display: "block",
});
$(".video_box").css({
display: "none",
});
}
});
// 鏉冨睘鍗曚綅
$("#li_btn").on("click", function () {
$("#footer_dialog").toggle();
});
$("#footer_dialog").on("mouseleave", function () {
$("#footer_dialog").toggle();
});
// 娓呯悊鑿滃崟缂撳瓨
$(".jpress-menu .nav-item").on("click", function () {
sessionStorage.setItem("page", false);
});
// 杩斿洖
$("#bacdkId").on("click", function () {
window.history.back();
});
// 鐐瑰嚮杩涘叆棣栭〉
$(".video_box .home_title").on("click", function () {
$(".video_box").css({
display: "none",
});
$(".man_box").css({
display: "block",
});
window.location.href = "/index";
});
// 绉诲姩绔唬鐮�
$(".man_box .fixed-top .header-content .navbar .navbar-collapse").on(
"click",
function () {
$(
".man_box .fixed-top .header-content .navbar .navbar-collapse"
).removeClass("show");
}
);
// 绂佺敤榧犳爣鍙抽敭鐨勫嚱鏁�
function disableRightClick(event) {
// 闃绘榛樿鐨勫彸閿偣鍑昏涓�
event.preventDefault();
}
// 娣诲姞浜嬩欢鐩戝惉鍣ㄥ埌document涓�
document.addEventListener("contextmenu", disableRightClick);
</script>
</body>
</html>